*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a{
    color: #ccc;
    text-decoration: none;
}
ul,li{
    list-style-type: none;
}
.m-navbar{
    display: flex;
    width: 100%;
    height: 10.6667vw;
    justify-content: space-between;
    align-items: center;
    padding: 0 3.2vw 0 4vw;
   .logo{
       i{
        color: #fb7299;
        font-size: 7.46667vw;
       }
   }
   .you{
       display: flex;
       a:nth-child(1){
        color: #ccc;
        font-size: 6.8667vw;
        margin-right: 5.8667vw;
       }
       a:nth-child(2){
        display: block;
        width: 6.4vw;
        height:6.4vw;
        margin-right: 5.8667vw;
        img{
        width:6.4vw;
        height: 6.4vw;
        }
       }
       a:nth-child(3){
        display: block;
        width: 19.2vw;
        height: 6.4vw;
            img{
                width: 100%;
                height: 100%;
     }
    }
   }
}
nav{
    position: relative;
    width: 100%;
    height: 11.3333vw;
    margin-top: 3vw;
    padding: 0 4.2vw 0 4vw;
    ul{
        &::after{
            position: absolute;
            top: 4vw;
            right: 3.2vw;
            background-color: #fff;
            content: "";
            height: 3vw;
            width: 3vw;
            border-right: 2px solid #ccc;
            border-top: 2px solid #ccc;
            display: block;
            transform: rotate(135deg);
            
        }
        li{
            height: 11.3333vw;
            display: flex;
            justify-content: space-between;
            border-bottom: 0.2667vw solid #ccc;
            a{
                height: 11.3333vw;
                line-height: 11.3333vw;
                justify-content: space-between;
                display: block;
                color: #333;
                font-size: 3.7333vw;
                &:hover{
                    border-bottom: 2px solid #fb7299;
                }
            }
        }
    }
}
.pig{
    display: flex;
    width: 100%;
    height: 33.7333vw;
    margin-top: 3vw;
    padding: 0 4.2vw 0 4vw;
    justify-content: space-between;
    .left{
        
        position: relative;
        height: 33.7333vw;
        width: 45vw;
        img{
            // padding:0 2.6667vw 0 0;
            width: 45vw;
            height: 28.8vw;
        }
        span{
            position:absolute;
            top:24vw;
            right: 2.6667vw;
            font-size: 3.4667vw; 
            color: #fff;
        }
        .lost{
            position:absolute;
            top:24vw;
            left: 2.6667vw;
            font-size: 3.4667vw;
        }
        p{
            overflow: hidden;
            height: 8.8vw;
            font-size: 2.7333vw;
            white-space: nowrap;
            text-overflow: ellipsis;

        }
    }
    .right{
        
        position: relative;
        height: 33.7333vw;
        width: 45vw;
        img{
            // padding:0 2.6667vw 0 0;
            width: 45vw;
            height: 28.8vw;
        }
        span{
            position:absolute;
            top:24vw;
            right: 2.6667vw;
            font-size: 3.4667vw; 
            color: #fff;
        }
        .lost{
            position:absolute;
            top:24vw;
            left: 2.6667vw;
            font-size: 3.4667vw;
        }
        p{
            overflow: hidden;
            height: 8.8vw;
            font-size: 2.7333vw;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}